Our Love - Responsive Wedding Template v1.0

Complete Documentation

Template Preview

Thank you very much for purchasing from LMPixels!

If you have any issue or question that this document does not cover, you can contact me via email mlinar73@gmail.com.

Table of Contents

  1. Template Installation
  2. HTML Structure
  3. CSS Files and Structure
  4. Scripts
  5. PHP Integration (Contact Form)
  6. Fonts
  7. Credits

Template Installation

You can view this template in any web browser from your computer, mobile device. Because the files are written in HTML, you do not need an internet connection in order to display or edit the template.

All of the HTML files are given a descriptive name to make it easier to distingish what each file will display.

Upload to The Server

  1. It's important to understand that you must either have your own server space or use someone elses. The server space can be purchased at many different places around the internet. You need somewhere to put the files that you purchased so others can find them online.
  2. Select several files with the extension labeled .html. This is where all your content will. In addition to .html you should see a file labeled .css. .css files are going to be the files that will tell the .html how to to be styled. CSS is simply a way to take text, images, and other elements and change the look of them. It's very important to keep the .css file with the HTML or the HTML will not look how the design is meant to look. Along with the HTML and CSS files, you will also have three additional folders to upload: images, js and php.
  3. Start your FTP client (I persoanlly use Filezila which is free) and login. Login to your server. You will need your server name (often times this will be your domain name), username, and password that you setup with the hosting company.
  4. Locate the domain folder you wish to upload your template files to on your server. You are going to want to click and drag every file that you have labeled .html, .css, .js, .php into your FTP client.
  5. Once the files are done uploading, you can try access your website via browser.

HTML Structure

This site template has a Responsive and Mobile-Friendly layout based on Bootstrap Boilerplate.

HTML files

The main structure of this site is wrapped in a '#main-container' div. Inside of that div you will find sections of the site.

Html Structure

CSS Files and Structure

I'm using one main CSS file (style.css) in this template which you are free to modify depending on the customization you require.

If you would like to edit the color, font, or style of any elements, you would do the following in css/main.css :

main.css

If you would like to edit a specific section or page of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

There are also five additional style sheets that I do not recommend changing. Those style sheets reside in the 'css' folder. The 5 style sheets are:

  • bootstrap.css - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development.
  • bootstrap.min.css - Minified version of bootstrap.css.
  • normalize.css - Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
  • owl.carousel.css - The main stylesheet for Carousels.
  • magnific-popup.css - The main stylesheet for styling the lightbox.
  • animate.css - CSS3 animation sets for portfolio content loading.

These files are included in the 'head' of index.html and blog-post-1.html:

Scripts

This template uses several scripts. If you're a developer, you will find this particularly useful.

PHP Integration (RSVP Form)

This template also use the PHP engine for activate the RSVP form.

For RSVP data direct send to your email address you can edit your email address in /rsvp_form/rsvp_form.php file.

Fonts

Credits

Images (Just on live preview, not included in the download package):

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.